@charset "UTF-8";

html,body {
    min-width: 1200px;
}
.SY-content .SY-mainContent .SY-mainBox {
	min-height: 700px;
}
.SY-content .SY-mainContent .SY-mainBox .SY-follow.wrap {
	padding: 0 !important;
}

/* 关注 & 订阅 -> 导航 */
.SY-content .SY-followNav {
	padding: 30px 0 24px;
}
.SY-followNav .item {
	margin-right: 28px;
	height: 36px;
	line-height: 36px;
}
.SY-followNav .item a {
	font-size: 18px;
    color: #929292;
}
.SY-followNav .item a span {
	font-size: 16px;
}
.SY-followNav .item.active a {
	font-size: 22px;
    color: #333;
}

/* 关注 & 订阅 -> 主内容 */
.SY-followCotent .item {
	width: 286px;
	height: 229px;
	margin: 0 18px 18px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	background: #fff;
}
.SY-followCotent .item:nth-child(4n) {
	margin-right: 0;
}
.SY-followCotent .item:hover {
	-webkit-box-shadow:0 0 20px rgba(27,28,31,.14);
	-moz-box-shadow:0 0 20px rgba(27,28,31,.14);
	-ms-box-shadow:0 0 20px rgba(27,28,31,.14);
	-o-box-shadow:0 0 20px rgba(27,28,31,.14);
	box-shadow:0 0 20px rgba(27,28,31,.14);
}
.SY-followCotent .item .user-msg {
	height: 159px;
}
.SY-followCotent .item .user-cover {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.SY-followCotent .item .cover {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -moz-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -ms-linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
    background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));
    z-index: 5;
}
.SY-followCotent .item .detail {
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.SY-followCotent .item .avatar {
	position: relative;
	width: 52px;
    height: 52px;
    margin: 12px auto 0;
    border: 1px solid #fff;
}
.SY-followCotent .item .avatar .mark {
	bottom: 0;
    right: 0;
    width: 18px;
    height: 19px;
    background-image: url("http://img.yxs.shenyecg.com/Image/5LwLflwFQGlcs8fuUO80oijBqqTrj3uQ/7TzXawHAeK.png");
    background-repeat: no-repeat;
}
.SY-followCotent .item .avatar .mark.approveBlue {
    background-position: -32px -43px;
}
.SY-followCotent .item .avatar .mark.approveGold {
    background-position: -32px -7px;
}
.SY-followCotent .item .nickName {
	font-size: 14px;
    line-height: 18px;
    margin: 4px auto 2px;
    max-width: 220px;
    color: #eaeaea;
}
.SY-followCotent .item .nickName:hover {
	color: #fff;
}
.SY-followCotent .item .careerMsg {
	padding: 0 15px;
	font-size: 12px;
	color: #fafafa;
	line-height: 18px;
	height: 18px;
}
.SY-followCotent .item .careerMsg i {
	margin: 0 4px;
}
.SY-followCotent .item .user-desc {
	font-size: 12px;
    color: #c1c1c1;
    height: 18px;
    line-height: 18px;
    margin: 3px auto;
    max-width: 220px;
}
.SY-followCotent .item .datas {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.SY-followCotent .item .datas a {
	width: 33.333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 12px;
    color: #eaeaea;
    line-height: 1.5;
}
.SY-followCotent .item .datas a:hover {
	color: #fff;
}
.SY-followCotent .item .btns a {
	width: 90px;
	height: 32px;
	line-height: 32px;
	margin-top: 18px;
	font-size: 14px;
	border:1px solid #cdcdcd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.SY-followCotent .item .btns .followBtn {
	border-color: #0c9ff6;
	color: #fff;
	margin-right:30px; 
	background: #0c9ff6;
}
.SY-followCotent .item .btns .followBtn:hover {
	border-color: #03b3fd;
	background: #03b3fd;
}
.SY-followCotent .item .btns .sendLetterBtn:hover {
	border-color: #9e9e9e;
}
.SY-followCotent .item .btns .followBtn.active {
	border-color: #cdcdcd;
	color: #666 !important; 
	background: rgba(0,0,0,0) !important;
}

.SY-followCotent .page {
	float: left;
	width: 100%;
}
.SY-followCotent .emptyInfo {
	padding: 100px 0 120px;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}
.SY-followCotent .emptyInfo .icon {
	width: 111px;
    height: 105px;
    margin: 0 auto 15px;
    background-image: url("../img/icons/info.png");
    background-repeat: no-repeat;
    background-position: -330px 0;
}
.SY-followCotent .loading {
	padding: 100px 0 120px;
	font-size: 14px;
	color: #ababab;
}